<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
	<link rel="stylesheet" type="text/css" href="styles/reset.css" />
	<link rel="stylesheet" type="text/css" href="styles/form.css" />
	<link rel="stylesheet" type="text/css" href="styles/toolbar.css" />
	<link rel="stylesheet" type="text/css" href="styles/general.css" />
	<link rel="stylesheet" type="text/css" href="styles/widget-box.css" />	
	<link rel="stylesheet" type="text/css" href="styles/listview.css" />	
	<script type="text/javascript" src="scripts/jquery.min-1.5.1.js"></script>	
	<script type="text/javascript" src="scripts/s_code.js"></script>
	<script type="text/javascript" src="scripts/jquery.url.js"></script>
	<script type="text/javascript" src="scripts/jquery.site-builder.toolbar.js"></script>
	<script type="text/javascript" src="scripts/jquery.site-builder.js"></script>
	<script type="text/javascript" src="scripts/jquery.cookie.js"></script>
	<script type="text/javascript" src="scripts/fancybox/jquery.fancybox-1.3.4.js"></script>
	<script type="text/javascript" src="scripts/fancybox/jquery.mousewheel-3.0.4.pack.js"></script>
</head>
<body class="popup">
	<div class="ContentContainer">
	<div class="BodyContainer">
		<h1>Add Widget</h1>
		<div id="box-wrapper">	
			<div class="inner">
				<div id="box-content">					
					<div class="sidebar">
						<div class="section">
							<ul id="left-nav">
								<li class="first"><a href="#"><span></span>Widget Category 1</a></li>									
								<li><a href="#"><span></span>Widget Category 1</a></li>									
								<li><a href="#"><span></span>Widget Category 1</a></li>									
								<li class="selected"><a href="#">&nbsp;<span></span></a></li>									
							</ul>
						</div>
					</div>
					<div class="main-content">
						<div class="list-view">
							<div class="section">
								<ul class="widget-list">
									<li>
										<div class="widget">
											<div class="widget-inner">
												<img class="widget-icon" src="images/wizard.png" />
												<div class="widget-content">
													<p><strong>Lorem ipsum</strong> dolor sit amet, consectetur adipiscing elit. Donec volutpat ante ac risus consectetur vestibulum</p>
												</div>								
											</div>
											<a href="#" class="ribbon-link">								
													<span>Dolor sit amet, consectetur</span>
											</a>
										</div>
									</li>
									<li>
										<div class="widget">
											<div class="widget-inner">
												<img class="widget-icon" src="images/float.png" />
												<div class="widget-content">
													<p><strong>Lorem ipsum</strong> dolor sit amet, consectetur adipiscing elit. Donec volutpat ante ac risus consectetur vestibulum</p>
												</div>								
											</div>
											<a href="#" class="ribbon-link">								
													<span>Dolor sit amet, consectetur</span>
											</a>
										</div>
									</li>
									<li>
										<div class="widget">
											<div class="widget-inner">
												<img class="widget-icon" src="images/2mg41ef.png" />
												<div class="widget-content">
													<p><strong>Lorem ipsum</strong> dolor sit amet, consectetur adipiscing elit. Donec volutpat ante ac risus consectetur vestibulum</p>
												</div>								
											</div>
											<a href="#" class="ribbon-link">								
													<span>Dolor sit amet, consectetur</span>
											</a>
										</div>
									</li>															
								</ul>
								<ul class="widget-list">
									<li>
										<div class="widget">
											<div class="widget-inner">
												<img class="widget-icon" src="images/wizard.png" />
												<div class="widget-content">
													<p><strong>Lorem ipsum</strong> dolor sit amet, consectetur adipiscing elit. Donec volutpat ante ac risus consectetur vestibulum</p>
												</div>								
											</div>
											<a href="#" class="ribbon-link">								
													<span>Dolor sit amet, consectetur</span>
											</a>
										</div>
									</li>
									<li>
										<div class="widget">
											<div class="widget-inner">
												<img class="widget-icon" src="images/float.png" />
												<div class="widget-content">
													<p><strong>Lorem ipsum</strong> dolor sit amet, consectetur adipiscing elit. Donec volutpat ante ac risus consectetur vestibulum</p>
												</div>								
											</div>
											<a href="#" class="ribbon-link">								
													<span>Dolor sit amet, consectetur</span>
											</a>
										</div>
									</li>
									<li>
										<div class="widget">
											<div class="widget-inner">
												<img class="widget-icon" src="images/2mg41ef.png" />
												<div class="widget-content">
													<p><strong>Lorem ipsum</strong> dolor sit amet, consectetur adipiscing elit. Donec volutpat ante ac risus consectetur vestibulum</p>
												</div>								
											</div>
											<a href="#" class="ribbon-link">								
													<span>Dolor sit amet, consectetur</span>
											</a>
										</div>
									</li>															
								</ul>
							</div>
							<div class="paper">
								<ul class="yiiPager">
									<li class="previous"><a href="">&lt;</a></li> 
									<li class="page selected"><a href="">1</a></li>
									<li class="page"><a href="">2</a></li>
									<li class="page"><a href="">3</a></li>
									<li class="page"><a href="">4</a></li>
									<li class="page"><a href="">5</a></li>
									<li class="last"><a href="">&gt;</a></li> 
								</ul>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	</div>				
</body>
</html>